.layout{max-width:1400px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}

/*header*/
#wrapper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:90px; background-color:#fff; position:fixed; _position:absolute; left:0; top:0; z-index:1000; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header.header-hover,.header.header-hover1{background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header .logo{float:left; padding-top:10px; position:absolute;}
.header .logo a{display:block; width:453px; height:70px; font-size:0; background-image:url(../images/logo.png); background-position:center center; background-size:contain; background-repeat:no-repeat;}
.nav{height:90px; float:right;}
.nav ul li{float:left; height:90px; margin-right:30px; position:relative;}
.nav ul li>a{font-size:16px; color:#4c4c4c; display:block; line-height:90px;}
.nav ul li>a:after{content:""; display:block; width:100%; height:3px; background-color:#005793; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nav ul li:hover>a:after,.nav ul li.on>a:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav ul li .nav-body{width:230px; padding-bottom:20px; background-color:#fff; position:absolute; left:50%; top:90px; margin-left:-115px; overflow:hidden; /*display:none;*/ -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.nav ul li .nav-body p{margin:20px 25px 0 25px;}
.nav ul li .nav-body a{font-size:14px; color:#666; display:block; padding-right:10px; background:url(../images/nav_li.png) right center no-repeat;}
.nav ul li .nav-body a:hover{color:#00afef; margin-left:5px; background:url(../images/nav_li_h.png) right center no-repeat;}
.nav ul li .nav-body{transform-origin: 250% 0%; transform: perspective(1920px) rotateX(-40deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.nav ul li.ative .nav-body{opacity:1; visibility:visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.search-btn{width:55px; height:55px; position:absolute; right:55px; top:0; background-color:#666; background-image:url(../images/search-btn.png); background-position:center center; background-repeat:no-repeat; cursor:pointer; display:none;}
.SearchBox{width:230px; height:37px; border:1px solid #e0e0e0; border-radius:25px; padding:0 36px 0 16px; margin:27px 6.5% 0 0; float:right; overflow:hidden; position:relative; -webkit-box-sizing:border-box;box-sizing:border-box;}
.SearchBox.on{display:block;}
.SearchBox .SearchText{width:100%; height:37px; line-height:37px; border:none; font-size:12px; color:#333;}
.SearchBox .SearchBtn{width:30px; height:37px; border:none; position:absolute; right:5px; top:0;cursor:pointer;font-size:0;background:url(../images/searchbtn.png) center center no-repeat;}
.btn-m-list{width:55px; height:55px; cursor:pointer; position:absolute; right:0; top:0; z-index:1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); display:none;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:21px; height:3px; background-color:#fff; display:block; position:absolute; z-index:5; top:16px; left:50%; margin:0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:25px;}
.btn-m-list .burger-3{top:33px;}
.btn-m-list.on .burger-1{top:25px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top:25px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top:25px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:2000;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#444; z-index:3000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow:-10px 0 100px 10px rgba(0, 0, 0, 0.7); box-shadow:-10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center;position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mobilelogo{padding:20px 15px;}
.mobilelogo img{width:25%;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab{padding-top:50px;}
.mob-nav .subtab>li{border-bottom:1px solid #000; position:relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#fff; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#fff;}
.mob-nav .subtab li .subbtn{/*background-image:url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(../images/moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; padding:10px; font-size:14px; color:#fff; background-color:#000;}
.mob-nav .subtab li .mlink{display:block; padding:10px; font-size:14px; color:#fff; border-top:1px solid #dcdcdc; background-color:#4b9e01;}
.mob-nav .subtab li .menuer{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .menuer a{display:block; padding:10px; font-size:14px; color:#000; border-top:1px solid #dcdcdc; background-color:#eab006;}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position:relative;z-index:1;width:100%;height:100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .slideshow .item{width:100%; height:100%; position:relative; z-index:1; background-position:center center; background-repeat:no-repeat;}
.banner .item .pimg{width:100%; max-height:100%; display:block;}
/*.banner .slideshow .item img{width:100%;display:block;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform:scale(1);transform:scale(1);}*/
.banner .slideshow .slick-slide img{width:100%; display:block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active img{visibility:visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slideshow .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slideshow .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{position:absolute; left:0; bottom:25px; z-index:10; width:100%; text-align:center;}
.banner .slick-dots li{width:12px; height:12px; background-color:#fff; border-radius:50%; font-size:0; cursor:pointer; display:inline-block;_display:inline;zoom:1; margin:0 5px;}
.banner .slick-dots li button{display:none;}
.banner .slick-dots li.slick-active{background-color:#005793;}

/*index*/
.contain{width:100%; padding-top:90px;}
.sectionBox{width:100%; background-color:#fff; padding:80px 0;}
.section01 .inNewsLeft{width:45.75%; float:left; padding:50px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.07); box-shadow: 0px 0px 10px rgba(0,0,0,0.07); -webkit-box-sizing:border-box;box-sizing:border-box;}
.section01 .inNewsLeft h2{font-size:24px; color:#333; line-height:1.1;}
.section01 .inNewsLeft h3{font-size:16px; color:#a6a6a6;}
.section01 .inNewsLeft p{font-size:14px; color:#999;}
.section01 .inNewsRight{width:50%; float:right;}
.indexTitle{float:left;}
.indexTitle h2{font-size:26px; color:#333; line-height:1.1;}
.indexTitle p{font-size:16px; color:#a6a6a6;}
.indexTab{float:right; margin-top:5px;}
.indexTab .ul,.indexTab .ul li,.indexTab .more{display:inline-block;_display:inline;zoom:1; vertical-align:middle;}
.indexTab .ul li{margin-right:10px;}
.indexTab .ul li a,.indexTab .more{min-width:54px; height:22px; line-height:22px; border:1px solid #b9b9b9; border-radius:25px; text-align:center; font-size:12px; color:#999; padding:0 10px; margin-top:5px;}
.indexTab .ul li a{display:block;}
.indexTab .ul li:hover a,.indexTab .ul li.on a,.indexTab .more:hover{background-color:#00afef; border-color:#00afef; color:#fff;}
.inNewsBox{display:none;}
.inNewsBox ul li{margin-top:25px; position:relative; z-index:1;}
.inNewsBox ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.inNewsBox ul li .day{width:70px; height:83px; position:absolute; left:0; top:0; z-index:1; background-color:#f7f7f7; font-size:16px; color:#999; text-align:right;padding:17px 20px 10px 20px;}
.inNewsBox ul li .day span{display:block; font-size:28px; color:#737373;}
.inNewsBox ul li .day:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.inNewsBox ul li:hover .day:after{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.inNewsBox ul li:hover .day{color:#fff;}
.inNewsBox ul li:hover .day span{color:#fff;}
.inNewsBox ul li .tmain{margin-left:110px; height:100px; padding:10px 35px 0 35px; background-color:#fff;}
.inNewsBox ul li .h2{font-size:18px; color:#333; padding-right:10px;}
.inNewsBox ul li:hover .h2{color:#00afef; background:url(../images/nav_li.png) right center no-repeat;}
.inNewsBox ul li .pcont{font-size:14px; color:#999; margin-top:5px; height:42px; overflow:hidden;}
.section02{background-color:#fafafa;}
.section02 .indexTitle{width:100%; text-align:center; float:none;}
.inService{width:100%; margin-top:30px;}
.inService ul li{width:32.45%; float:left; margin-top:20px; margin-right:1.3%; margin-left:0.4%\9; margin-right:0.4%\9;}
.inService ul li:nth-child(3n),.inService ul li.mr0{margin-right:0;}
.inService ul li .box{background-color:#fff; padding:22px 25px; position:relative; z-index:1; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.inService ul li .box:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.inService ul li:hover .box:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.inService ul li .icon{position:absolute; right:25px; top:22px; max-width:45px;}
.inService ul li .bg1,.inService ul li:hover .bg2{display:block;}
.inService ul li .bg2,.inService ul li:hover .bg1{display:none;}
.inService ul li .h2{font-size:28px; color:#00afef;}
.inService ul li .h3{font-size:16px; color:#333; margin-top:10px;}
.inService ul li .pcont{font-size:14px; color:#a6a6a6;}
.inService ul li .h2,.inService ul li .h3,.inService ul li .pcont{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inService ul li:hover .h2,.inService ul li:hover .h3{color:#fff;}
.inService ul li:hover .pcont{color:#fff; color:rgba(255,255,255,0.65);}
.indexMore{width:100%; margin-top:50px; text-align:center;}
.indexMore a{display:inline-block; min-width:124px; height:34px; line-height:34px; border:1px solid #b9b9b9; border-radius:25px; font-size:14px; color:#999; padding:0 10px;}
.indexMore a:hover{background-color:#00afef; border-color:#00afef; color:#fff;}
.section03{background-color:#fff; overflow:hidden;}
.inCaseWrap{width:100%; overflow:hidden;}
.inCaseItem{margin-left:-14px; margin-right:-14px;}
.indexPro{width:100%; margin-top:50px;}
.indexPro .item{padding:0 14px;}
.indexPro .pic{width:100%; padding-top:78%; position:relative; z-index:1; overflow:hidden;}
.indexPro .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexPro .item:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.indexPro .tit{font-size:20px; font-weight:bold; color:#333; padding:20px 0;}
.indexPro .line{width:50px; height:2px; background-color:#005793; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; z-index:1;}
.indexPro .line:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.indexPro .item:hover .tit{color:#00afef;}
.indexPro .item:hover .line:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.indexPro .slick-dots{width:100%; text-align:center; margin-top:30px;}
.indexPro .slick-dots li{width:12px; height:12px; background-color:#b3b3b3; border-radius:50%; font-size:0; cursor:pointer; display:inline-block;_display:inline;zoom:1; margin:0 5px;}
.indexPro .slick-dots li button{display:none;}
.indexPro .slick-dots li.slick-active{background-color:#00afef;}

/*about*/
.nybanner{width:100%; background-position:center center; background-repeat:no-repeat; position:relative; z-index:1;}
.nybanner img{max-width:100%; margin:0 auto; display:block;}
.aboutWrap{width:100%; background-color:#f5f5f5; padding:50px 0 140px 0;}
.aboutLeft{width:18.6%; float:left;}
.aboutTilte{background-color:#00afef; padding:30px 35px; color:#fff; position:relative; z-index:1;}
.aboutTilte .line{width:87px; border:1px solid #fff; position:absolute; left:35px; top:30px; bottom:30px; z-index:1;}
.aboutTilte .adiv{margin:20px 0 1px 40px; padding:20px 0; background-color:#00afef; position:relative; z-index:5;}
.aboutTilte h2{font-size:26px; color:#fff; line-height:1.1;}
.aboutTilte p{font-size:16px; color:#ddf0fc; color:rgba(255,255,255,0.8);}
.aboutNav ul li{background-color:#fff; margin-top:1px; position:relative; z-index:1;}
.aboutNav ul li a{display:block; padding:13px 40px 13px 30px; font-size:14px; color:#404040;}
.aboutNav ul li:hover a,.aboutNav ul li.on a{color:#fff; background:url(../images/aboutnav_h.png) 90% center no-repeat;}
.aboutNav ul li:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.aboutNav ul li:hover:after,.aboutNav ul li.on:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.aboutRight{width:79.3%; float:right;}
.aboutBox{background-color:#fff; padding:30px 30px 70px 30px; min-height:460px;}
.navigation{border-bottom:1px solid #e6e6e6; padding-bottom:10px;}
.navigation .tn{float:left; border-left:3px solid #00afef; font-size:22px; color:#333; padding-left:10px;}
.navigation .add{float:right; text-align:right; font-size:12px; color:#808080; margin-top:10px;}
.navigation .add a{color:#808080;}
.navigation .add a:hover,.navigation .add a.on{color:#00afef;}
.navigation .add em{font-family:Simsun; margin:0 3px;}
.aboutUs{margin-top:50px; font-size:14px; color:#666;}
.aboutUs .pic{float:right; margin-left:5%;}
.serTit{font-size:22px; color:#333; border-bottom:1px solid #e6e6e6; margin-top:50px; padding-bottom:5px;}
@-webkit-keyframes aBfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes aBfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.aBfadeInLeft {
  -webkit-animation-name: aBfadeInLeft;
  animation-name: aBfadeInLeft;
}
@-webkit-keyframes aBfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes aBfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.aBfadeInRight {
  -webkit-animation-name: aBfadeInRight;
  animation-name: aBfadeInRight;
}

/*culture*/
.culturelist{margin-top:10px;}
.culturelist ul li{width:47.7%; float:left; margin-top:40px; margin-right:4.6%; margin-left:1.15%\9; margin-right:1.15%\9;}
.culturelist ul li:nth-child(2n),.culturelist ul li.mr0{margin-right:0;}
.culturelist ul li .box{border:1px solid #e6e6e6;}
.culturelist ul li .pic{width:46.2%; float:left; padding-top:51%; overflow:hidden; position:relative; z-index:1;}
.culturelist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.culturelist ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.culturelist ul li .tmain{width:46%; padding:6% 3% 0 3%; float:right;}
.culturelist ul li h2{font-size:20px; font-weight:bold; color:#00afef;}
.culturelist ul li .line{width:22px; height:2px; display:block; background-color:#00afef; margin:20px 0;}
.culturelist ul li p{font-size:14px; color:#666;}

/*honor*/
.honorlist{margin-top:10px;}
.honorlist ul li{width:31.6%; float:left; text-align:center; margin-top:40px; margin-right:2.6%; margin-left:0.85%\9; margin-right:0.85%\9;}
.honorlist ul li:nth-child(3n),.honorlist ul li.mr0{margin-right:0;}
.honorlist ul li .pic{border:1px solid #ebebeb; padding-top:73.5%; overflow:hidden; position:relative; z-index:1;}
.honorlist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.honorlist ul li .pic:hover img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.honorlist ul li .tit{height:54px; line-height:54px; padding:0 20px; background-color:#b2b2b2; font-size:16px; color:#fff; position:relative; z-index:1;}
.honorlist ul li .tit:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.honorlist ul li:hover .tit:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.page{margin-top:40px; text-align:center;}
.page a{display:inline-block; font-size:12px; font-weight:bold; color:#666; border:1px solid #d5d5d5; padding:7px 13px;}
.page a.prev,.page a.next{font-family:Simsun; font-weight:bold;}
.page a:hover{background-color:#00afef; border-color:#00afef; color:#fff;}
.page a.on{background-color:#00afef; border-color:#00afef; color:#fff;}

/*history*/
.historylist{width:100%; margin-top:50px; position:relative; z-index:1;}
.historylist .line{width:1px; background-color:#ebebeb; position:absolute; left:50%; margin-left:-0.5px; top:0px; bottom:56px; z-index:1;}
.historylist ul{position:relative; z-index:5;}
.historylist ul li{padding-right:50%;}
.historylist ul li.on{padding-right:0; padding-left:50%;}
.historylist ul li .box{padding:25px 25px 40px 25px; margin-right:42px; background-color:#f5f5f5; position:relative; z-index:1;}
.historylist ul li.on .box{margin-right:0; margin-left:42px;}
.historylist ul li .box:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.historylist ul li .box:hover:after{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.historylist ul li .cir{display:block; width:9px; height:9px; position:absolute; right:-51px; top:43px; background-color:#fff; border:4px solid #ebebeb; border-radius:50%;}
.historylist ul li.on .cir{left:-51px; right:auto;}
.historylist ul li .tre{display:block; width:0; height:0; position:absolute; right:-20px; top:30px; border-left:20px solid #f5f5f5; border-top:20px solid transparent; border-bottom:20px solid transparent;}
.historylist ul li.on .tre{border-right:20px solid #f5f5f5; border-left:none; right:auto; left:-20px;}
.historylist ul li.on .box:hover .tre{border-right:20px solid #00afef; border-left:none;}
.historylist ul li .box:hover .tre{border-left:20px solid #00afef;}
.historylist ul li .h2{font-size:14px; color:#333; border-bottom:1px solid #fff; margin-bottom:10px;}
.historylist ul li .h2 span{font-size:28px;}
.historylist ul li p{font-size:14px; color:#737373; line-height:28px;}
.historylist ul li .box:hover .h2,.historylist ul li .box:hover p{color:#fff;}

/*project*/
.projlist{margin-top:30px;}
.projlist ul li{width:31.6%; float:left; margin-top:20px; margin-right:2.6%; margin-left:0.85%\9; margin-right:0.85%\9;}
.projlist ul li:nth-child(3n),.projlist ul li.mr0{margin-right:0;}
.projlist ul li .pic{width:100%; padding-top:78%; position:relative; z-index:1; overflow:hidden;}
.projlist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.projlist ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.projlist ul li .tit{font-size:20px; font-weight:bold; color:#333; padding:10px 0;}
.projlist ul li .line{width:50px; height:2px; background-color:#005793; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; z-index:1;}
.projlist ul li .line:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.projlist ul li:hover .tit{color:#00afef;}
.projlist ul li:hover .line:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.projBox{width:100%; margin-top:50px;}
.projBox .pjLeft{width:24%; float:left;}
.projBox .pjLeft h1{font-size:24px; font-weight:bold; color:#333;}
.projBox .pjLeft p{font-size:14px; color:#737373; margin-top:5px;}
.projBox .pjRight{width:71.5%; float:right;}
.ProBtns{text-align:right;}
.ProBtns li{display:inline-block;_display:inline;zoom:1; vertical-align:middle;}
.ProBtns li a{display:block; width:28px; height:28px; border-radius:50%; font-size:0; background-position:center center; background-repeat:no-repeat;}
.ProBtns li a.Prev{background-image:url(../images/news_prev.png);}
.ProBtns li a.Prev:hover{background-image:url(../images/news_prev_h.png);}
.ProBtns li a.Next{background-image:url(../images/news_next.png);}
.ProBtns li a.Next:hover{background-image:url(../images/news_next_h.png);}
.ProBtns li a.Back{background-image:url(../images/news_back.png);}
.ProBtns li a.Back:hover{background-image:url(../images/news_back_h.png);}
.ProBtns li a:hover{background-color:#59c3ff; border-color:#59c3ff;}
.aboutImg{width:100%; margin-top:50px; position:relative; z-index:1;}
.aboutImg img{width:100%; display:block;}
.aboutImg .slick-arrow{width:28px; height:37px; position:absolute; top:50%; z-index:10; margin-top:-18px; border:none; background-color:rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000); font-size:0; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.aboutImg .slick-arrow:hover{background-color:#00afef;}
.aboutImg .slick-prev{left:0; background-image:url(../images/arrowprev.png);}
.aboutImg .slick-next{right:0; background-image:url(../images/arrownext.png);}

/*news*/
.newsList{margin-top:25px;}
.newsList ul li{padding:25px 0; border-bottom:1px solid #ebebeb;}
.newsList ul li a{display:block; position:relative; z-index:1; min-height:120px; padding-left:210px;}
.newsList ul li a:hover{margin-left:10px;}
.newsList ul li .pic{width:180px; height:120px; overflow:hidden; position:absolute; left:0; top:0;}
.newsList ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.newsList ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.newsList ul li .tmain{padding-top:12px;}
.newsList ul li .h2{font-size:16px; color:#333;}
.newsList ul li:hover .h2{color:#00afef;}
.newsList ul li .time{font-size:16px; color:#a6a6a6; display:block;}
.newsList ul li .pcont{font-size:14px; color:#808080; height:42px; overflow:hidden; margin-top:10px;}
.newsdetail{margin-top:50px;}
.newsdetail h1{font-size:24px; color:#333; text-align:center; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:14px; color:#999; padding-top:10px; padding-bottom:20px; text-align:center;}
.newsdetail .newsinfo .day{line-height:32px; padding-left:20px; background:url(../images/time.png) left center no-repeat; display:inline-block; vertical-align:middle;}
.newsdetail .newsinfo .t{line-height:32px; display:inline-block; vertical-align:middle;}
.newsdetail .newsinfo .bdsharebuttonbox{margin-left:10px; display:inline-block; vertical-align:middle;}
.newsdetail .newsinfo .bdsharebuttonbox a{margin:0; -webkit-transition: all 0s ease;transition: all 0s ease;}
.newsdetail .newstext{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:30px 0;}
.newsdetail .newsmore{margin-top:30px;}
.newsdetail .newsmore ul li{width:33.333%; float:left; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsdetail .newsmore ul li a{font-size:12px; color:#595959; display:inline-block; line-height:28px;}
.newsdetail .newsmore ul li.Prev{text-align:left;}
.newsdetail .newsmore ul li.Prev a{padding-left:35px; background:url(../images/news_prev.png) left center no-repeat;}
.newsdetail .newsmore ul li.Prev a:hover{background:url(../images/news_prev_h.png) left center no-repeat; color:#00afef;}
.newsdetail .newsmore ul li.Next{text-align:right;}
.newsdetail .newsmore ul li.Next a{padding-right:35px; background:url(../images/news_next.png) right center no-repeat;}
.newsdetail .newsmore ul li.Next a:hover{background:url(../images/news_next_h.png) right center no-repeat; color:#00afef;}
.newsdetail .newsmore ul li.Backlist a{padding-right:35px; background:url(../images/news_back.png) right center no-repeat;}
.newsdetail .newsmore ul li.Backlist a:hover{background:url(../images/news_back_h.png) right center no-repeat; color:#00afef;}

/*talent*/
.talentlist{margin-top:20px;}
.talentlist ul li{width:100%; overflow:hidden; margin-top:30px;}
.talentlist ul li .pic{width:45.8%; float:right; padding-top:28%; overflow:hidden; position:relative; z-index:1;}
.talentlist ul li.on .pic{float:left;}
.talentlist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.talentlist ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.talentlist ul li .tmain{width:47%; padding-top:30px; float:left; font-size:14px; color:#737373; line-height:26px;}
.talentlist ul li.on .tmain{float:right;}

/*staff*/
.stafflist{margin-top:10px;}
.stafflist ul li{width:31.6%; float:left; margin-top:40px; margin-right:2.6%; margin-left:0.85%\9; margin-right:0.85%\9;}
.stafflist ul li:nth-child(3n),.stafflist ul li.mr0{margin-right:0;}
.stafflist ul li .pic{width:100%; padding-top:63.5%; position:relative; z-index:1; overflow:hidden;}
.stafflist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.stafflist ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.stafflist ul li .tmain{background-color:#f8f8f8; padding:20px 20px 26px 20px; position:relative; z-index:1;}
.stafflist ul li .tmain:after{content:""; display:block; width:100%; height:100%; background-color:#00afef; position:absolute; left:0; bottom:0; z-index:-1; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.stafflist ul li:hover .tmain:after{transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.stafflist ul li .h2{font-size:16px; color:#333;}
.stafflist ul li .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:5px;}
.stafflist ul li:hover .h2,.stafflist ul li:hover .pcont{color:#fff;}

/*join*/
.joinlist{margin-top:25px;}
.joinlist ul li{border:1px solid #e6e6e6; padding:25px; margin-top:25px;}
.joinlist ul li:hover{border-color:#00afef;}
.joinlist ul li .h2{font-size:18px; color:#333; max-width:50%; float:left;}
.joinlist ul li .time{font-size:12px; color:#8c8c8c; float:left; margin-top:7px; margin-left:5px;}
.joinlist ul li .more{float:right; font-size:12px; color:#404040; line-height:27px;}
.joinlist ul li:hover .more{color:#00afef;}
.joinlist ul li .tips{padding:10px 0;}
.joinlist ul li .t{font-size:12px; color:#999; padding-right:5px; margin-right:5px; border-right:1px dashed #e6e6e6;}
.joinlist ul li .text{font-size:14px; color:#999; line-height:24px;}
.joindetails{width:100%; margin-top:50px; position:relative; z-index:1;}
.joindetails .h2{font-size:22px; color:#333; margin-right:110px;}
.joindetails .h2 span{font-size:12px; color:#8c8c8c; margin-left:5px;}
.joindetails .ProBtns{position:absolute; right:0; top:0;}
.joindetails .tips{padding:10px 0;}
.joindetails .t{font-size:12px; color:#999; padding-right:5px; margin-right:5px; border-right:1px dashed #e6e6e6;}
.joindetails .text .h3{font-size:16px; color:#00afef; margin-top:20px;}
.joindetails .fileBtns{display:inline-block; min-width:180px; height:44px; line-height:44px; margin-top:30px; text-align:center; color:#fff; background-color:#00afef; border-radius:25px; position:relative; z-index:1; overflow:hidden;}
.joindetails .fileBtns span{position:relative; z-index:1; display:block; padding:0px 15px; cursor:pointer;}
.joindetails .fileBtns input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; cursor:pointer;}
.joindetails .fileBtns:after{content:""; display:block; width:100%; height:100%; background-color:#333; position:absolute; left:0; bottom:0; z-index:-1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.joindetails .fileBtns:hover:after,.joindetails .fileBtns.on:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

/*contavt*/
.conTit{width:100%; text-align:center; font-size:22px; color:#333; margin-top:50px;}
.conInfoList{padding-bottom:40px; border-bottom:1px solid #e6e6e6;}
.conInfoList ul li{width:33.333%; margin-top:20px; float:left; -webkit-box-sizing:border-box;box-sizing:border-box;}
.conInfoList ul li .box{padding:10px 10px 0 70px; min-height:75px; position:relative; z-index:1;}
.conInfoList ul li .icon{max-width:65px; position:absolute; left:0; top:0;}
.conInfoList ul li h2{font-size:14px; color:#404040;}
.conInfoList ul li p{font-size:14px; color:#8c8c8c;}
.map{border:1px solid #e6e6e6; padding:10px; margin-top:20px;}
.map img{width:100%; display:block;}

/*message*/
.contform{margin-top:30px;}
.contform ul li{width:100%; margin-top:20px; float:left;}
.contform ul li.t1,.contform ul li.t2,.contform ul li.t3{width:32%; margin-right:2%;}
.contform ul li.t3{margin-right:0;}
.contform ul li.t4{text-align:center; padding-top:25px; border-top:1px solid #f1f1f1;}
.contform ul li .context,.contform ul li .conteat{width:100%; height:40px; line-height:40px; border:1px solid #f1f1f1;  padding:0px 10px 0 38px; font-size:14px; color:#333; box-sizing:border-box; -webkit-tbox-sizing:border-box;}
.contform ul li .sel{width:100%; height:40px; line-height:40px; border:1px solid #e6e6e6; padding:0px 10px; font-size:14px; color:#666;}
.contform ul li .context:focus,.contform ul li .conteat:focus{border-color:#00afef;}
.contform ul li .conteat{height:200px;}
.contform ul li .submit{width:160px; height:46px; background-color:#b3b3b3; font-size:16px; color:#fff; border:none; cursor:pointer; margin:0px 10px; -webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.contform ul li .submit:hover,.contform ul li .submit.on{background-color:#00afef;}
.contform .bg1{background:url(../images/messicon01.png) 10px center no-repeat;}
.contform .bg2{background:url(../images/messicon02.png) 10px center no-repeat;}
.contform .bg3{background:url(../images/messicon03.png) 10px center no-repeat;}
.contform .bg4{background:url(../images/messicon04.png) 10px 10px no-repeat;}

/*GoTop*/
.GoTop{width:46px; height:46px; position:fixed; right:-40px; bottom:40px; z-index:50; visibility:hidden; opacity:0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.GoTop a{display:block; width:46px; height:46px; border-radius:50%; overflow:hidden; font-size:0; background-color:#00afef; background-image:url(../images/gotop.png); background-position:center center; background-repeat:no-repeat;}
.GoTop a:hover{background-color:#005793;}
.GoTop.active{right:20px; visibility:visible; opacity:1;}

/*footer*/
.footer{width:100%; background-color:#074a8f;}
.footer .footTou{padding:70px 0px;}
.footer .footlogo{float:left; width:33%; padding:30px 1.3% 0px 0px;}
.footer .footinfo{float:left; width:31%; margin-right:1.2%; color:#fff; word-wrap:break-word;}
.footer .footinfo dl dd{font-size:14px; color:#718bb2; color:rgba(255,255,255,0.6); margin-bottom:15px; padding-left:29px; position:relative; z-index:1;}
.footer .footinfo dl dd .img{max-width:20px; position:absolute; left:0; top:0;}
.footer .footewm{width:10%; float:left; font-size:12px; color:#718bb2; color:rgba(255,255,255,0.6); text-align:center;}
.footer .footlinks{width:18.6%; float:right; text-align:right;}
.footer .selectBox{width:100%; height:38px; position:relative; z-index:1; margin-top:20px; cursor:pointer; display:inline-block; text-align:left; background-image:url(../images/selectbox.png); background-size:cover; background-repeat:no-repeat;}
.footer .selectBox p{font-size:14px; color:#718bb2; color:rgba(255,255,255,0.6); line-height:38px; margin:0px 40px 0 15px;}
.footer .selectBox ul{position:absolute; left:-1px; bottom:40px; width:100%; background-color:#00afef; display:none;}
.footer .selectBox ul li{border-bottom:1px solid #074a8f; padding:0px 10px; margin-bottom:-1px;}
.footer .selectBox ul li a{font-size:14px; color:#fff; display:block; line-height:38px;}
.footer .selectBox:after{content:""; display:block; width:12px; height:7px; background:url(../images/selectbox_h.png) no-repeat; position:absolute; right:13px; bottom:14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer .selectBox:hover:after,.footer .selectBox.on:after{transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.footer .bdsharebuttonbox{width:100%; text-align:right; margin-top:20px;}
.footer .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:5px; width:27px; height:27px; background-image:url(../images/share.png); background-position:center center; background-repeat:no-repeat; float:none; display:inline-block;_display:inline;zoom:1;}
.footer .bdsharebuttonbox a.bds_sqq{background-position:0px 0px;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position:0px -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position:-54px 0px;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position:-54px -27px;}
.footer .bdsharebuttonbox a.bds_weixin{background-position:-27px 0px;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position:-27px -27px;}
.footer .footBom{padding:15px 0px; font-size:14px; color:#718bb2; color:rgba(255,255,255,0.6); border-top:1px solid #135599;}
.footer .footBom a{color:#718bb2; color:rgba(255,255,255,0.6);}
.footer .footBom a:hover{color:#fff;}
.footer .footNav{float:left; width:45%;}
.footer .footNav a{display:inline-block; position:relative; padding-right:5px; margin-right:5px;}
.footer .footNav a:after{content:""; display:block; width:2px; height:2px; background-color:#718bb2; position:absolute; right:-3px; top:10px;}
.footer .footCopy{float:right; width:51%; text-align:right; word-wrap:break-word;}

/* Table of Contents
==================================================

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }
	
	.header .logo{left:2.5%;}
	.header .logo a{width:280px;}
	.SearchBox{width:160px; margin-right:2.5%;}
	.nav ul li{margin-right:25px;}
	.inNewsBox ul li{margin-top:18px;}
	.footer .footlogo{width:25%;}
	.footer .footinfo{width:38%;}
	
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top:55px;}
	.header{width:100%; height:55px; background-color:#fff;}
    .header .logo{position:absolute; left:20px; top:0; padding-top:0;}
    .header .logo a{width:160px; height:55px;}
	.btn-m-list{display:block; background-color:#00afef;}
	.nav{display:none;}
	.search-btn{display:block;}
	.SearchBox{width:100%; height:auto; padding:10px 50px 10px 16px; background-color:#fff; margin:0; border-radius:0; border:none; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:absolute; right:0; top:55px; display:none;}
	.SearchBox .SearchBtn{width:50px; top:10px; background-color:#f1f1f1;}
	.section01 .inNewsLeft,.section01 .inNewsRight{width:auto; float:none;}
	.section01 .inNewsLeft{margin-top:30px;}
	.inService ul li{width:49%; margin-right:2%;}
	.inService ul li:nth-child(3n),.inService ul li.mr0{margin-right:2%;}
	.inService ul li:nth-child(2n){margin-right:0;}
	.footer .footlogo{width:20%; padding-right:0;}
	.footer .footinfo{width:54%; margin-right:0; margin-left:5%;}
	.footer .footewm{width:136px; float:right;}
	.footer .footlinks{width:260px; float:right;}
	
	.aboutTilte{padding:15px 20px;}
	.aboutTilte .line{left:20px; top:15px; bottom:15px; width:45%;}
	.aboutTilte .adiv{margin:10px 15px 1px 15px;}
	.aboutTilte h2{font-size:14px; font-weight:bold;}
	.aboutTilte p{font-size:12px;}
	.aboutNav ul li a{padding:12px 15px;}
	.aboutUs .pic{width:auto; float:none; margin-left:0; text-align:center;}
	.culturelist ul li{width:100%; margin-right:0;}
	.honorlist ul li{width:49%; margin-right:2%;}
	.honorlist ul li:nth-child(3n),.honorlist ul li.mr0{margin-right:2%;}
	.honorlist ul li:nth-child(2n){margin-right:0;}
	.projlist ul li{width:49%; margin-right:2%;}
	.projlist ul li:nth-child(3n),.projlist ul li.mr0{margin-right:2%;}
	.projlist ul li:nth-child(2n){margin-right:0;}
	.projBox .pjLeft,.projBox .pjRight{width:auto; float:none;}
	.talentlist ul li .pic,.talentlist ul li.on .pic,.talentlist ul li .tmain,.talentlist ul li.on .tmain{width:auto; float:none;}
	.talentlist ul li .pic{padding-top:62%;}
	.stafflist ul li{width:49%; margin-right:2%;}
	.stafflist ul li:nth-child(3n),.stafflist ul li.mr0{margin-right:2%;}
	.stafflist ul li:nth-child(2n){margin-right:0;}
	.conInfoList ul li{width:50%;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%;} 
	
    .contain{padding-top:55px;}
	.header{width:100%; height:55px; background-color:#fff;}
    .header .logo{position:absolute; left:20px; top:0; padding-top:0;}
    .header .logo a{width:170px; height:55px;}
	.btn-m-list{display:block; background-color:#00afef;}
	.nav{display:none;}
	.banner .slick-dots{bottom:10px;}
	.banner .slick-dots li{width:5px; height:5px;}
	.search-btn{display:block;}
	.SearchBox{width:100%; height:auto; padding:10px 50px 10px 16px; background-color:#fff; margin:0; border-radius:0; border:none; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:absolute; right:0; top:55px; display:none;}
	.SearchBox .SearchBtn{width:50px; top:10px; background-color:#f1f1f1;}
	.sectionBox{padding:30px 0 60px 0;}
	.section01 .inNewsLeft,.section01 .inNewsRight{width:auto; float:none;}
	.section01 .inNewsRight{padding-top:30px;}
	.section01 .inNewsLeft{margin-top:20px; padding:35px 20px;}
	.indexTitle h2,.inNewsBox ul li .h2,.section01 .inNewsLeft h2{font-size:20px;}
	.indexTitle p{font-size:12px;}
	.section01 .inNewsRight .indexTitle,.indexTab,.section03 .indexTitle{float:none; text-align:center;}
	.indexTab .ul li,.indexTab .more{margin:5px 2px 0 2px;}
	.inNewsBox ul li,.indexMore{margin-top:20px;}
	.inNewsBox ul li .day{width:50px; height:auto; font-size:12px; padding:34.5px 10px;}
	.inNewsBox ul li .day span{font-size:16px;}
	.inNewsBox ul li .tmain{margin-left:70px; padding:20px; height:auto;}
	.inNewsBox ul li .pcont{font-size:12px; height:36px;}
	.section01 .inNewsLeft h3,.section01 .inNewsLeft p{font-size:12px;}
	.inService{margin-top:0;}
	.inService ul li{width:100%; margin-right:0;}
	.inService ul li .box{padding:25px 20px;}
	.inCaseItem{margin:0;}
	.indexPro{margin-top:20px;}
	.indexPro .item{padding:0 5px;}
	.indexPro .slick-dots{margin-top:0px;}
	.footer .footTou{padding:40px 0;}
	.footer .footlogo{width:30%; padding:0; float:none; margin-bottom:20px;}
	.footer .footinfo{width:100%; margin-right:0; float:none;}
	.footer .footewm{width:136px; float:none;}
	.footer .footlinks{width:260px; float:none; text-align:left;}
	.footer .bdsharebuttonbox{text-align:left;}
	.footer .footNav,.footer .footCopy{width:auto; float:none; text-align:center;}
	
	.aboutWrap{padding:30px 0 50px 0;}
	.aboutLeft,.aboutRight{width:auto; float:none;}
	.aboutTilte,.aboutNav,.navigation .add{display:none;}
	.aboutBox{padding:20px 20px 30px 20px;}
	.navigation .tn{font-size:18px;}
	.aboutUs{margin-top:20px;}
	.aboutUs .pic{width:auto; float:none; margin-left:0; text-align:center;}
	.culturelist,.honorlist,.projlist,.newsList,.talentlist,.joinlist,.stafflist{margin-top:0;}
	.culturelist ul li{width:100%; margin-right:0; margin-top:20px;}
	.culturelist ul li h2{font-size:16px;}
	.culturelist ul li .line{margin:5px 0;}
	.culturelist ul li p{font-size:12px;}
	.honorlist ul li{width:49%; margin-right:2%; margin-top:20px;}
	.honorlist ul li:nth-child(3n),.honorlist ul li.mr0{margin-right:2%;}
	.honorlist ul li:nth-child(2n){margin-right:0;}
	.historylist{margin-top:20px;}
	.historylist .line{left:8px; margin-left:0;}
	.historylist ul li,.historylist ul li.on{padding-left:20px; padding-right:0;}
	.historylist ul li .box,.historylist ul li.on .box{margin-left:10px; margin-right:0; margin-top:20px;}
	.historylist ul li .cir,.historylist ul li.on .cir{left:-30px; right:auto;}
	.historylist ul li .tre,.historylist ul li.on .tre{display:none;}
	.projlist ul li{width:100%; margin-right:0;}
	.projBox{margin-top:20px;}
	.projBox .pjLeft,.projBox .pjRight{width:auto; float:none;}
	.newsList ul li{padding:20px 0;}
	.newsList ul li a{padding:0;}
	.newsList ul li .pic{position:relative; left:auto; top:auto; width:100%; height:auto;}
	.newsList ul li .pic img{position:relative;}
	.newsdetail{margin-top:20px;}
	.newsdetail h1{font-size:20px;}
	.talentlist ul li .pic,.talentlist ul li.on .pic,.talentlist ul li .tmain,.talentlist ul li.on .tmain{width:auto; float:none;}
	.talentlist ul li .pic{padding-top:62%;}
	.stafflist ul li{width:100%; margin-right:0; margin-top:20px;}
	.joinlist ul li{padding:20px;}
	.joindetails,.conTit{margin-top:20px;}
	.conInfoList ul li{width:100%;}
	.map{padding:5px;}
	.contform{margin-top:5px;}
	.contform ul li,.contform ul li.t1,.contform ul li.t2,.contform ul li.t3{width:100%; margin-top:15px; margin-right:0;}
	.contform ul li .conteat{height:150px;}
	.contform ul li .submit{width:120px;}
}

/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体;text-align:center;font-size:14px; }
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 14px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:30px; line-height:30px; background:#01afef; border:1px solid #01afef; color:#fff; text-align:center;padding:0 14px}
.page .noPage { display:inline-block; width:56px; height:30px; line-height:30px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }